<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<c:set var="contextPath" value="${pageContext.request.contextPath}" scope="application"/>
<c:set var="imagePath" value="${pageContext.request.contextPath}/resources/images" scope="application"/>
<c:set var="cssPath" value="${pageContext.request.contextPath}/resources/css/" scope="page"/>
<c:set var="scriptPath" value="${pageContext.request.contextPath}/resources/js/" scope="page"/>

<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<title>Enterprise School Management System</title>

		<link href="${cssPath}reset.css" rel="stylesheet" type="text/css" />
		<link href="${cssPath}common.css" rel="stylesheet" type="text/css" />
		<link href="${cssPath}form.css" rel="stylesheet" type="text/css" />
		<link href="${cssPath}standard.css" rel="stylesheet" type="text/css" />
		<link href="${cssPath}simple-lists.css" rel="stylesheet" type="text/css" />
		<link href="${cssPath}table.css" rel="stylesheet" type="text/css" />
		<link href="${cssPath}tabs.css" rel="stylesheet" type="text/css" />	
		<link href="${cssPath}WebResource.css" rel="stylesheet" type="text/css" />
		<link href="${cssPath}ems.css" rel="stylesheet" type="text/css" />
		<link href="${cssPath}mytable.css" rel="stylesheet" type="text/css" />
		
		<script type="text/javascript" src="${scriptPath}ScriptResource.js"></script>
		<script type="text/javascript" src="${scriptPath}ScriptResource_003.js"></script>
		<script type="text/javascript" src="${scriptPath}users.js"></script>
		<script type="text/javascript" src="${scriptPath}ddaccordion.js"></script>
		<script type="text/javascript" src="${scriptPath}jquery.js"></script>
		<script type="text/javascript" src="${scriptPath}ems_ajax_script.js"></script>
		<script type="text/javascript" src="${scriptPath}ems_script.js"></script>
		<script type="text/javascript">
			ddaccordion.init({
				headerclass: "silverheader", //Shared CSS class name of headers group
				contentclass: "submenu", //Shared CSS class name of contents group
				revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover
				collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
				defaultexpanded: [], //[null] for all tab close.index of content(s) open by default [index1, index2, etc] [] denotes no content
				onemustopen: true, //Specify whether at least one header should be open always (so never all headers closed)
				animatedefault: false, //Should contents open by default be animated into view?
				persiststate: false, //persist state of opened contents within browser session?
				toggleclass: ["", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
				togglehtml: ["", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
				animatespeed: "fast", //speed of animation: "fast", "normal", or "slow"
				oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
					//do nothing
				},
				onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
					//do nothing
				}
			})
		</script>
	</head>

	<body class="lite">
		<div>			
			<tiles:insertAttribute name="header" />
			<div class="content-columns left30 dark-grey-gradient"
				style="margin-left: 5px; margin-right: 5px;">
				<div class="content-columns-sep" id="ele2">
				</div>
				<div class="content-left" id="ele">
					<tiles:insertAttribute name="menu" />
				</div>
				<div class="content-right" id="ele3">
					<tiles:insertAttribute name="body" />
				</div>
			</div>
			<div class="block-footer" style="padding: 5px; margin: 5px;">
				<tiles:insertAttribute name="footer" />
			</div>			
		</div>
	</body>
</html>